import Vue from 'vue'
import Router from 'vue-router'
import dynamicTable from '@/views/DynamicTable'
import cssSkill from '@/views/CssSkill'
import dynamicForm from '@/views/DynamicForm'
import arrayReduce from '@/views/ArrayReduce'
import html2Canvas from '@/views/Html2Canvas'
import cityLink from '@/views/CityLink'
import selectTree from '@/views/SelectTree'
import dialogCom from '@/views/DialogComponents'
import layout from '@/views/Entry.vue'
import sendReplay from '@/views/sendReplay'
Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/', // 动态表单
      name: 'dynamicForm',
      component: dynamicForm
    },
    {
      path: '/dynamicTable',
      name: 'dynamicTable',
      component: dynamicTable
    },
    {
      path: '/cityLink',
      name: 'cityLink',
      component: cityLink
    },
    {
      path: '/dialogCom',
      name: 'dialogCom',
      component: dialogCom
    },
    {
      path: '/cssSkill',
      name: 'cssSkill',
      component: cssSkill
    },
    {
      path: '/arrayReduce', // 树形数据
      name: 'arrayReduce',
      component: arrayReduce
    },
    {
      path: '/selectTree', // 树形数据
      name: 'selectTree',
      component: selectTree
    },
    {
      path: '/html2Canvas', // html转canvas图片
      name: 'html2Canvas',
      component: html2Canvas
    },
    {
      path: '/layout', // 动态组件布局调整
      name: 'layout',
      component: layout
    },
    {
      path: '/sendReplay', // 移动端 回复框
      name: 'sendReplay',
      component: sendReplay
    }
  ]
})
